<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
            REPORTES
        </ui:define>
	<ui:define name="content">
		<f:view>

			<p:growl id="mensaje" showDetail="true" life="7000" />

			<p:panel id="panel" header="REPORTE DE KARDEX"
				style="margin-bottom:10px;">


				<h:form>
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<p:graphicImage value="../../../resources/images/r4.png" />

						<p:commandButton value="REPORTE KARDEX" icon="ui-icon-print"
							oncomplete="PF('reporteKardex').show()" />

					</h:panelGrid>
				</h:form>

			</p:panel>

			<p:dialog header="REPORTE DE KARDEX" widgetVar="reporteKardex"
				resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
				id="dialogoProductoBodega" width="50%">

				<h:form>
					<h:panelGrid columns="3" cellpadding="1">

						<h:panelGrid columns="3">
							<h:outputText value="GRUPO " />
							<p:selectOneMenu filter="true" filterMatchMode="contains"
								value="#{kardexBean.grupo.grupoid}">
								<f:selectItem itemLabel="ESCOJA UN GRUPO" />
								<f:selectItems value="#{kardexBean.listaGrupos}" var="grupo"
									itemValue="#{grupo.grupoid}" itemLabel="#{grupo.nombre}" />
							</p:selectOneMenu>
							<h:outputText />

							<h:outputText value="EAN / CÓDIGOS / NOMBRE " />
							<p:inputText value="#{kardexBean.criterioBusqueda}"
								onblur="this.value=this.value.toUpperCase();" />
							<p:commandButton
								update=":formNuevoProducto:tablaProductos, :mensaje"
								icon="#{msg['iconoBuscar']}"
								actionListener="#{kardexBean.obtenerProductos}" />
						</h:panelGrid>
					</h:panelGrid>
				</h:form>

				<h:form id="formNuevoProducto" target="_blank">
					<p:dataTable id="tablaProductos" var="producto" style="width:100%"
						value="#{kardexBean.listaProductos}" paginator="true" rows="5"
						emptyMessage="#{msg['lbl.mensajeTabla']}"
						paginatorPosition="bottom" rowKey="#{producto.productoid}"
						selection="#{productoReport.producto}" selectionMode="single">

						<p:ajax event="rowSelect"
							listener="#{productoReport.obtenerProducto}" />

						<p:column headerText="EAN" style="text-align:center;width: 20%;">
							 	#{producto.ean}
						</p:column>

						<p:column headerText="NOMBRE" style="text-align:center;">
							 	#{producto.nombreimprimir}
						</p:column>

					</p:dataTable>

					<h:panelGrid columns="2" cellpadding="1">
						<h:outputText value="BODEGA: " />
						<p:selectOneMenu style="width: 188px !IMPORTANT;"
							value="#{productoReport.bodega.bodegaid}"
							styleClass="comboFormNuevo" required="true"
							requiredMessage="ESCOJA UNA BODEGA">
							<f:selectItem itemLabel="ESCOJA LA BODEGA ORIGEN" />
							<f:selectItems value="#{kardexBean.listaBodegas}" var="bodega"
								itemValue="#{bodega.bodegaid}" itemLabel="#{bodega.nombre}" />
						</p:selectOneMenu>

						<h:outputText value="
								FECHA DE INICIO" />
						<p:calendar value="#{productoReport.fechaInicio}" navigator="true"
							styleClass="txtCalendario" />
						<h:outputText value="
								FECHA DE FIN" />
						<p:calendar value="#{productoReport.fechaFinal}" navigator="true"
							styleClass="txtCalendario" />

					</h:panelGrid>

					<h:panelGrid columns="2" cellpadding="1">
						<f:facet name="footer">
							<p:separator />
							<p:commandButton value="ACEPTAR" id="btnNuevoAceptar"
								icon="#{msg['iconoGuardar']}"
								actionListener="#{productoReport.reporteKardex}" ajax="false"
								oncomplete="PF('reporteKardex').hide()"
								styleClass="centrarBotonesDialogos" />

							<p:commandButton value="CANCELAR"
								oncomplete="PF('reporteKardex').hide()" id="btnNuevolimpiar"
								icon="#{msg['iconoCancelar']}"
								styleClass="centrarBotonesDialogos" />
						</f:facet>
					</h:panelGrid>

				</h:form>

			</p:dialog>

		</f:view>

	</ui:define>

</ui:composition>
</html>